<template>
    <Modal v-if="isModal">
        <view slot='content' style="height: 100%;">
            <iframe class="iframe" scrolling="auto" frameborder="no" border="0" src="http://localhost:8089/#/livePages/live/activity"></iframe>
            <view class="close-icon df-cen"><text class='cuIcon-close' @click="closeBtn"></text></view>
        </view>
    </Modal>

</template>
<script>
import Modal from '@/common/components/global/Modal.vue' // 轮播图组件
export default {
	data() {
		return {
			isModal: false
		}
	},
	components: {
		Modal
	},
	methods: {
		closeBtn() {
			this.isModal = false
		}
	}
}
</script>
<style scoped>
.iframe {
    background-color: #fff;
    width: 100%;
    border: 0;
    height: 100%;
}
.close-icon {
    font-size: 38rpx;
    width: 60rpx;
    height: 60rpx;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin: auto;
}
</style>
